<template>
  <div>
    <button @click="minus">-</button>
    <span>{{count}}</span>
    <button @click="add">+</button>
  </div>
</template>
<script setup>
   import {ref} from 'vue';
   let count = ref(0);
   function minus(){
      count.value--;
   }
   function add(){
      count.value++
   }
</script>
<style scoped>
  button{
    width: 50px;
    height: 30px;
    margin: 0 10px;
  }
</style>